<!DOCTYPE html>
<html lang="en">
    <head>
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="initial-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta charset='utf-8'>
        <!--meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /-->
        <!--meta name="msapplication-tap-highlight" content="no" /-->
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <script src="cordova.js"></script>
        
        <!-- Link in CSS -->
        <link rel="stylesheet" href="css/index.css" />
        <link rel="stylesheet" href="css/bootstrap.min.css" />


        <!-- Source -->
        <!--script type="text/javascript" src="http://crypto-js.googlecode.com/svn/tags/3.0.2/build/rollups/sha256.js"></script>
        <script type="text/javascript" src="http://crypto-js.googlecode.com/svn/tags/3.0.2/build/rollups/hmac-sha256.js"></script>
        <script type="text/javascript" src="https://crypto-js.googlecode.com/svn-history/r429/branches/2.x/src/Crypto.js"></script-->

        <script type="text/javascript" src="scripts/sha256.js"></script>
        <script type="text/javascript" src="scripts/hmacsha256.js"></script>
        <script type="text/javascript" src="scripts/crypto.js"></script>

        <!-- Link jQuery, then Angular, then the rest of my scripts -->
        <script src="scripts/jquery-2.0.3.min.js"></script>
        <script>jQuery.isUnsafe = true;</script>
        <!-- Angular Version 1.2.0 -->
        <script src="scripts/angular.min.js"></script>
        <script src="scripts/angular-route.js"></script>
        <script src="js/index.js"></script>
        <script src="js/functions.js"></script>
        <script src="js/datas.js"></script>
        <script src="js/app.js"></script>
        <script src="js/controller.js"></script>
        <script type="text/javascript" src="scripts/ng-cordova.min.js"></script>
        <script>
            window.onload = function() {
                angular.bootstrap(document,["Flingz"]);
            };
        </script>

        <title>Flingz</title>
    </head>
    <body>
        <div id="header" style="height:8em;background:blue;width:100%">
            <span style="text-align:center;">FLINGZ</span>
        </div>
        <div id="content">
            <ng-view></ng-view>
        </div>
        <div id="footer">
            <ul>
                <li><a href="#/camera"><img src="img/logocamera.png" width="110" height="35"/></a></li>
                <li><a href="#/judge"><img src="img/logodownarrow.png" width="60" height="35"/><img src="img/logouparrow.png" width="60" height="35"/></a></li>
                <li><a href="#/circle"><img src="img/logofriends.png" width="110" height="35"/></a></li>
                <li><a href="#/profile"><img src="img/logoprofile.png" width="110" height="35"/></a></li>
            </ul>
        </div>
    </body>
</html>
